<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			* {
				margin: 0;
				padding: 0;
			}
			.gradeparent{
				margin: 30px 50px;
				width: 1000px;
				height: 400px;
				border: 1px solid lightgray;
			}
			h4{
				margin-top: 10px;
				height: 60px;
				padding-left: 20px;
			}
			.box1{
				width: 1000px;
				height: 160px;
				/* border: 1px solid red; */
			}
			.cheatfix3:after{
				content: '';
				display: block;
				clear: both;
			}
			.cheatfix:after,.cheatfix:before{
				content: '';
				display: block;
				clear: both;
			}
			.son1,.son2,.son4,.son5,.son3,.son6{
				float: left;
				width: 120px;
				height: 116px;
				border: 1px solid lightgray;
				margin-right: 22px;
				border-radius: 20px;
				text-align: center;
				padding: 10px;
			}
		
			.daughter{
				/* border: 1px solid black; */
				padding: 0 10px;
				width: 126pxs;
				height: 120px;
			}
			.cheatfix2:after{
				content: '';
				display: block;
				clear: both;
			}
			.father1,.father2,.father4,.father5,.father3,.father6{
				float: left;
				width: 300px;
				height: 120px;
				margin-left: 20px;
				/* border: 3px solid blue; */
			}
			p{
				margin-bottom: 22px;
			}
			p a{
				text-decoration: none;
			}
		</style>
	</head>
	<body>
		<div class="gradeparent cheatfix">
			<h4>摄影社区热门小镇</h4>
			<div class="box1 cheatfix3">
				<div class="father1 cheatfix2">
					<div class="son1"><img src="img/pic_01.jpg" width="100%" height="100%"/></div>
					<div class="daughter">
						<p><a href="#">风景狙击手</a></p>
						<p>成员：80</p>
						<p>作品：276</p>
					</div>
				</div>
				<div class="father2 cheatfix2">
					<div class="son2"><img src="img/pic_02.jpg" width="100%" height="100%" /></div>
					<div class="daughter">
						<p><a href="#">叙事感</a></p>
						<p>成员：235</p>
						<p>作品：116</p>
					</div>
				</div>
				<div class="father3 cheatfix2">
					<div class="son3"><img src="img/pic_03.jpg" width="100%" height="100%" /></div>
					<div class="daughter">
						<p><a href="#">定焦视界</a></p>
						<p>成员：56</p>
						<p>作品：456</p>
					</div>
				</div>
			</div>
			<div class="box1">
				<div class="father4 cheatfix2">
					<div class="son4"><img src="img/pic_04.jpg" width="100%" height="100%" /></div>
					<div class="daughter">
						<p><a href="#">中画幅乐园</a></p>
						<p>成员：130</p>
						<p>作品：239</p>
					</div>
				</div>
				<div class="father5 cheatfix2">
					<div class="son5"><img src="img/pic_05.jpg" width="100%" height="100%" /></div>
					<div class="daughter">
						<p><a href="#">《卡啪》先锋...</a></p>
						<p>成员：78</p>
						<p>作品：125</p>
					</div>
				</div>
				<div class="father6 cheatfix2">
					<div class="son6"><img src="img/pic_06.jpg" width="100%" height="100%" /></div>
					<div class="daughter">
						<p><a href="#">植物的无声世界</a></p>
						<p>成员：235</p>
						<p>作品：1258</p>
					</div>
				</div>
			</div>
			
		</div>
	</body>
</html>
